export default {
  props: {
    items: {
      type: Array,
      deafult: () => []
    }
  },
  render: function (createElement) {
    // 注意组件只能够有一个根节点
    if (this.items.length) {
      return createElement('div', [
        createElement('h2', '使用jsx代替template'),
        createElement(
          'ul',
          this.items.map(function (item) {
            return createElement('li', item.name)
          })
        )
      ])
    } else {
      return createElement('div', [
        createElement('h2', '使用jsx代替template'),
        createElement('p', 'No items found.')
      ])
    }
  }
}
